<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>修改个人信息页面</title>
    <style>
      body {
        background-image: url(./img/v2-eb914abdab236dea6c6d6d65b2914898_r.jpg);
        background-repeat: no-repeat;
        opacity: 0.7;
      }
      .justify-content-end {
        border: 1px solid rgb(197, 197, 197);
      }
      .list-group > li {
        width: 20%;
        text-align: center;
        margin: 10px 0;
        height: 13%;
      }
      h1 {
        text-align: center;
      }
      #aboat {
        position: absolute;
        top: 95%;
        left: 35%;
      }
      #aboat > a {
        text-decoration: none;
        color: rgb(83, 83, 83);
      }

      a {
        text-decoration: none !important;
      }
      #info {
        margin: 0 auto;
        border: 2px solid rgb(158, 156, 156);
      }
      #info > div {
        margin-left: 80px;
        float: left;
        width: 35%;
      }
      #info > div > div {
        margin-top: 30px;
      }
      #info #down {
        position: absolute;
        top: 60%;
        left: 50%;
      }
    </style>

    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css"
      rel="stylesheet"
    />
  </head>
  <body>
    <ul class="nav justify-content-end">
      <li class="nav-item">
        <a class="nav-link active" href="./个人信息页面.html">个人信息</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="./修改信息页面.html">修改信息</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="./学生宿舍管理系统登陆页面.html">退出</a>
      </li>
      <li class="nav-item">
        <img
          src="./img/屏幕截图 2022-03-18 093414.png"
          alt=""
          class="nav-link"
        />
      </li>
    </ul>
    <h1>欢迎登录学生宿舍管理系统</h1>
    <div id="info">
      <div>
        <div>姓名：</div>
        <div>张三</div>
        <div>性别：</div>
        <div>男</div>
      </div>
      <div>
        <div>家庭地址</div>
        <div>四川省泸州市江阳区</div>
        <div>联系电话</div>
        <div>183800952983</div>
      </div>
    </div>

    <div id="aboat">
      <a href="">电子科技大学@1956-2022</a>|<a href="">加入我们</a>|<a href=""
        >合作联系</a
      >|<a href="">联系客服</a>|<a href="">隐私政策</a>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"></script>
    <script>
      $('.btn-primary').click(function () {
        $('.btn-primary').hover(function () {
          $('.btn-primary').css({
            'background-color': 'white',
            color: 'rgb(83, 83, 83)',
          })
        })
      })
    </script>
  </body>
</html>
